/* Scoped only to this section */
.logo-box .logo-img {
    background: #ffffff;
    padding: 8px;
    border-radius: 6px;
    display: inline-block;
}

.logo-box .logo-img {
    background: #ffffff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    display: inline-block;
}


/* isolated test classes */
.custom-row {
    display: flex;
    flex-wrap: wrap;
}

.custom-item {
    display: flex;
}

.custom-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}



.custom-card p {
    flex-grow: 1;
}




.eq-row {
    display: flex;
    flex-wrap: wrap;
}

.eq-col {
    display: flex;
}

.eq-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

/* required for this block */
.eq-card .item-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.eq-card p {
    flex-grow: 1;
}



/*Custom button clickable */



.btn-know-more {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

                                        /* hover fill animation */
.btn-know-more::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #000;
    z-index: -1;
    transition: width 0.3s ease;
}

.btn-know-more:hover::before {
    width: 100%;
}

.btn-know-more:hover {
    color: #fff;
}













/* Align prefix, number, suffix */
.fun-factor-area .ff-wrap {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 4px;
}

/* Prefix (LEFT side text if you use later like SAR) */
.fun-factor-area .ff-prefix {
    font-size: 18px;
    font-weight: 600;
}

/* BIG NUMBER */
.fun-factor-area .timer {
    font-size: 52px;
    font-weight: 700;
}

/* Suffix (+, M, etc.) */
.fun-factor-area .ff-suffix {
    font-size: 20px;
    font-weight: 600;
}




/* Align carousel items vertically */
.clients-area .clients-carousel .owl-stage {
    display: flex;
    align-items: center;
    height: 250px;
}

/* Center each logo */
.clients-area .clients-carousel .owl-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 250px;
}

/* Increase logo size */
.clients-area .clients-carousel .owl-item img {
    max-height: 200px !important;
    width: auto !important;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}